@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-12-14 20:14:16
 * @version $Id$
 */
*{margin:0;padding:0;box-sizing: border-box;}
body{font-size: .16rem;font-family: "微软雅黑"}
.container{width: 7.5rem;}
/*搜索商品*/
.search-good{
    width:7.5rem;
    background: #e3e2e2;
}
.search-good form{
    font-size: 0;
    padding:.2rem 0;
}
.search-good form .search-icon{
    top: .38rem;
    left: 26%;
}
.search-good form input{
    width: 100%;
    height: .6rem;
    font-size: .28rem;
    text-align: center;
}
/*展示*/
.swiper-container {
    width: 100%;
    height: 3rem;
    margin: .2rem auto;
}
.swiper-container p{
    font-size: .2rem;
    font-weight: bolder;
    /*height: .8rem;*/
}
.swiper-slide {
    text-align: center;
    font-size: .18rem;
    background: #fff;
    width: 2.24rem;
    height: 3rem;
    /* Center slide text vertically */
   /* display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;*/
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{
    width: 2.24rem;
    height: 2.63rem;
}
/*分割条*/
.cut-line{
    width:7.5rem;
    height: .35rem;
    background: #e3e2e2;
}
/*热门分类*/
.hot{
    width:7.5rem;
}
.hot .title{
    font-size: .32rem;
    font-weight: bold;
    text-align: center;
    margin:.25rem 0;
}
.hot .bottle .no1 img,.hot .bottle .no2 img{
    width: 3.79rem;
    height: 2.71rem;
}
.hot .bottle .no1 div,.hot .bottle .no2 div{
    display: inline-block;
}
.hot .bottle .no1 .price,.hot .bottle .no2 .price{
    width: 2.9rem;
}
.hot .bottle .no1 p,.hot .bottle .no2 p{
    font-size: .28rem;
}
.hot .bottle .no2 div{
    float: right;
}
.hot .bottle .no1 .price{
    margin-left: 2%;
}
.hot .bottle .no2 .price{
    margin:15% 2% 0 0;
}
.hot .bottle .no1>div:nth-child(2) p:nth-child(2),.hot .bottle .no2>div:nth-child(2) p:nth-child(2){
    color: red;
    text-align: right;
}
.hot .bottle .no3{
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: white;
    top: 40%;
    left: 43%;
}
.hot .mBot{
    height: .15rem;
    background: #e3e2e2;
}
